<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户注册</title>
</head>
<body>
<center>
    <h1>用户注册</h1>
    <form action="/regUser" method="get">
        <!--
        form 表单
        表单组件用于将用户在页面上输入的内容提交给服务端使用
        所有输入组件只有包含在form标签的范围内才会被表单提交,这一点要十分注意!!!

        表单有两个重要的属性:
        action:用来指定表单提交的路径
        method:用来指定表单提交的方式
               提交方式有两种:
               GET:将所有输入组件中用户输入的信息拼接到URL的资源抽象路径部分直接提交
               POST:将所有信息放在请求的消息正文中打包传递
                    当表单中含有用户隐私信息或包含附件时应当使用POST形式提交
               若form中不指定method,默认的提交方式为GET
     -->
        <!--
            当下面的表单使用GET形式提交时,所有输入框中的内容会被拼接到URL的资源抽象路径中提交
            资源抽象路径部分的"?"左侧内容为表单action指定的路径,表示表单提交的位置
            "?"右侧则是提交表单时附带的用户输入的需要提交的信息,格式为:
            输入框名字1=用户输入的信息&输入框名字2=用户输入信息&....
            http://localhost:8080/regUser?username=范传奇&password=123456&nickname=传奇&age=22
        -->
        <table border="1">
            <tr>
                <td>用户名</td>
                <!-- 在form表单中的输入组件都要使用name属性指定名字,否则表单提交时会忽略这个组件的值 -->
                <td><input name="username" type="text"></td>
            </tr>
            <tr>
                <td>密码</td>
                <td><input name="password" type="password"></td>
            </tr>
            <tr>
                <td>昵称</td>
                <td><input name="nickname" type="text"></td>
            </tr>
            <tr>
                <td>年龄</td>
                <td><input name="age" type="number"></td>
            </tr>
            <tr>
                <td colspan="2" align="center">
                    <!--
                        表单提交的专属按钮,类型为submit
                        点击该按钮后会将包含这个按钮的表单按照其action指定的位置提交
                     -->
                    <input type="submit" value="注册">
                </td>
            </tr>
        </table>
    </form>
</center>

</body>
</html>